<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Web site created using create-react-app" />
    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
    <title>抖视智帮</title>
</head>

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
</body>

<script>
    const mql = window.matchMedia('(prefers-color-scheme: dark)');
    function matchMode(e) {
        const body = document.body;
        if (e.matches) {
            if (!body.hasAttribute('theme-mode')) {
                body.setAttribute('theme-mode', 'dark');
            }
        } else {
            if (body.hasAttribute('theme-mode')) {
                body.removeAttribute('theme-mode');
            }
        }
    }

    mql.addListener(matchMode);
</script>

</html>